.detail{
	padding-bottom: 100upx;
	.swiper{
		position: relative;
		.detail-swipers{
			height: 700upx;
		}
		.list-swiper{
			width: 100%;
			height: 100%;
			image{
				height: 100%;
				width: 100%;
			}
		}
		.indicator{
			position: absolute;
			bottom: 30upx;
			right: 30upx;
			background: rgba(0,0,0,0.5);
			color: #FFFFFF;
			padding: 4upx 16upx;
			font-size: 24upx;
			border-radius: 10upx;
		}
	}
	.detail-basic{
		padding: 20upx 30upx;
		box-shadow: 0px 0px 10px 3px #eeeaea;
	}
	.prices{
		display: flex;
		justify-content: space-between;
		align-items: center;
		.price {
			text:first-child{
				color: #ff0000;
				font-weight: 600;
				font-size: 36rpx;
				&::before {
					content: '￥';
					font-size: 20rpx;
				}
			}
			text:last-child{
				text-decoration:line-through;
				padding-left: 10upx;
				color: #808080;
				font-size: 24rpx;
				&::before {
					content: '￥';
					font-size: 20rpx;
				}
			}
		}
		.volume{
			font-size: 24upx;
			color: #808080;
		}
	}
	.ret{
		width: fit-content;
		background: #f4dfdf;
		margin: 20upx 0;
		font-size: 26upx;
		padding: 4upx 20upx;
		border-radius: 6upx;
		color: #ff0000;
		.solid{
			padding: 0 10upx;
		}
	}
	.name{
		.plaform{
			border: 1px solid #ff0000;
			color: #ff0000;
			padding: 0 10upx;
			border-radius: 4upx;
			font-size: 24upx;
		}
		.title{
			font-size: 32rpx;
			color: #000000;
			padding-left: 12upx;
		}
	}
	.collect-coupons{
		background-color: #ff0000;
		margin-top: 20upx;
		width: 100%;
		height: 160upx;
		border-radius: 10upx;
		display: flex;
		align-items: center;
		box-sizing: border-box;
		padding: 0 20upx;
		color: #ff0000;
		.collect-content{
			height: 140upx;
			background-color: #FFFFFF;
			width: 100%;
			border-radius: 10upx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 20upx;
			box-sizing: border-box;
			.collect-left{
				width: 25%;
				border-right: 2px dashed #ff0000;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 60upx;
				font-weight: bold;
				padding-right: 20upx;
				&::before {
					content: '￥';
					font-size: 20rpx;
					margin-top: 20upx;
				}
			}
			.collect-right{
				width: 80%;
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding-left: 20upx;
				.collect-text{
					display: flex;
					flex-flow: column;
					justify-content: center;
					text:last-child{
						font-size: 24upx;
					}
					text.collect-title{
						font-size: 36upx;
					}
				}
				.collect-btn{
					background-color: #ff0000;
					padding: 8upx 26upx;
					border-radius: 30upx;
					color: #FFFFFF;
				}
			}
		}
		.node-collect{
			display: flex;
			justify-content: center;
			align-items: center;
			font-weight: bold;
			color: #ff0000;
			font-size: 46upx;
		}
	}
	.shop{
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 100upx;
		background-color: #FFFFFF;
		margin-top: 20upx;
		padding: 0 30upx;
		border-bottom: 1px solid #EEEEEE;
		.shop-left{
			display: flex;
			align-items: center;
			image{
				width: 60upx;
				height: 60upx;
			}
			text{
				padding-left: 20upx;
			}
		}
		.shop-right{
			display: flex;
			align-items: center;
			.go-shop{
				padding-right: 20upx;
			}
		}
	}
	.baby-detail{
		.baby-title{
			padding: 20upx 30upx;
			font-size: 30upx;
			font-weight: bold;
			color: #000000;
		}
		.baby-content{
			margin-top: 20upx;
			image{
				width: 100%;
				margin-top: -20upx;
			}
		}
	}
	.detail-bottom{
		height: 110upx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: fixed;
		bottom: 0;
		width: 100%;
		background-color: #FFFFFF;
		padding: 0 40upx;
		box-sizing: border-box;
		border-top: 1px solid #EEEEEE;
		.bottom-lists{
			display: flex;
			align-items: center;
			color: #666666;
			.bottom-list{
				display: flex;
				flex-flow: column;
				align-items: center;
				margin-right: 50upx;
				font-size: 26upx;
			}
		}
		.go-buy{
			background-color: #ff9200;
			background-image: linear-gradient(to right, #ff9200 , #ff0000);
			height: 80upx;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #FFFFFF;
			width: 65%;
			border-radius: 45upx;
			.buy{
				font-size: 40upx;
				font-weight: bold;
			}
			.province{
				padding: 10upx 5upx 0 5upx;
			}
			.trf{
				font-size: 40upx;
				font-weight: bold;
				&::before {
					content: 'J';
					font-size: 20rpx;
				}
			}
			.money{
				font-size: 40upx;
				font-weight: bold;
				&::before {
					content: '￥';
					font-size: 20rpx;
				}
			}
		}
	}
	// .go-buy{
	// 	background-color: #ff9200;
	// 	color: #FFFFFF;
	// 	height: 100upx;
	// 	display: flex;
	// 	align-items: center;
	// 	justify-content: center;
	// 	font-weight: bold;
	// 	font-size: 36upx;
	// 	position: fixed;
	// 	bottom: 0;
	// 	width: 100%;
	// }
}